<template>
  <div class="hello">
    <index-header></index-header>
    <div class="index">
     <home-swiper ></home-swiper>
     <cooperation></cooperation>
     <home-swiper1 ></home-swiper1>
     <credit></credit>
     <div class="ad"><img :src="adImg" alt=""></div>
     <news></news>
     <partner></partner>
    </div>
     <index-footer></index-footer>
  </div>
</template>

<script>
import IndexHeader from '@/pubic/IndexHeader'
import IndexFooter from '@/pubic/IndexFooter'
import HomeSwiper from './components/HomeSwiper'
import HomeSwiper1 from './components/HomeSwiper1'
import News from './components/News'
import Cooperation from './components/coop'
import Credit from './components/credit'
import Partner from './components/partner'
export default {
  name: 'Index',
  components: {
    IndexHeader,
    IndexFooter,
    HomeSwiper,
    HomeSwiper1,
    Cooperation,
    Credit,
    Partner,
    News
  },
  data () {
    return {
      adImg: require('@/assets/img/index/quick.jpg')
    }
  },
  created () {
    this.menu()
  },

  methods: {
    menu () {
      window.scrollTo(0, 0)
    }
  }

}
</script>

<style scoped lang='scss'>
  .hello{
    width: 750px;
    overflow: hidden;
    margin-top: 88px;
  }

  .ad{
    text-align: center;
    img{
      width: 612px;
      height: 230px;
    }
  }

</style>
